@import 'moyi-ui/theme/dark.scss';
@import 'moyi-ui/theme/light.scss';
@import 'moyi-ui/theme/dream-purple.scss';


@import 'moyi-ui/theme.scss';

@each $label,$acolor,$bcolor in 
(red,#e54d42,#ffffff),
(orange,#f37b1d,#ffffff),
(yellow,#fbbd08,#333333),
(olive,#8dc63f,#ffffff),
(green,#39b54a,#ffffff),
(cyan,#1cbbb4,#ffffff),
(blue, #0081ff,#ffffff),
(purple, #6739b6,#ffffff),
(mauve, #9c26b0,#ffffff),
(pink,#e03997,#ffffff),
(brown,#a5673f,#ffffff),
(grey,#8799a3,#ffffff),
(gray,#f0f0f0,#333333),
(black,#333333,#ffffff),
(white,#ffffff, #666666)
{
	.bg-#{$label}{
		background-color: $acolor;
		color:$bcolor;
	}
	.text-#{$label},
	.line-#{$label},
	.lines-#{$label} {
		color: $acolor;
	}
}
@each $label,$arpx,$brpx in 
('-0',0,3),
(-xs,10,6),
(-sm,20,8),
(null,30,10),
(-lg,40,12),
(-xl,50,14),
(-xxl,60,16)
{
	.text#{$label} {
		font-size: $arpx+rpx;
	}
  .radius#{$label} {
	  border-radius: $brpx+rpx;
  }
  .margin#{$label} {
	  margin:$arpx+rpx;
  }
  .padding#{$label} {
  	  padding:$arpx+rpx;
  }
  .shadow#{$label}{
	  box-shadow: 0 $brpx+rpx $brpx*2+rpx;
  }
  @each $a in
  (top),
  (bottom),
  (left),
  (right)
  {
	  .margin-#{$a}#{$label} {
	  	  margin-#{$a}:$arpx+rpx;
	  }
	  .padding-#{$a}#{$label} {
	  	  padding-#{$a}:$arpx+rpx;
	  }
  }
  @each $a,$b,$c in
  (tb,top,bottom),
  (lr,left,right)
  {
  	  .margin-#{$a}#{$label} {
  	  	  margin-#{$b}:$arpx+rpx;
		  margin-#{$c}:$arpx+rpx;
  	  }
	  .padding-#{$a}#{$label} {
	  	  padding-#{$b}:$arpx+rpx;
	  	  padding-#{$c}:$arpx+rpx;
	  }
  }
  
}

// 多行溢出 可能需要加限高 不然下面还看得见
@each $a in 
(1)
(2)
(3)
(4)
(5){
	.text-cut-#{$a}{
		display: -webkit-box;
		overflow: hidden;
		-webkit-box-orient: vertical;
		text-overflow: ellipsis;
		-webkit-line-clamp: $a;
	}
	.z-index-#{$a}{
		z-index: $a;
	}
}


.top-info {
	position: fixed;
	z-index: 1;
}
	
.my-empty {
	position: absolute;
	top: 50%;
	bottom: 50%;
	width: 100%;
	height: inherit;
}
.margin-auto{
	margin: auto;
}
.margin-auto-important{
	margin: auto!important;
}

.swiperHeight {
		height: 80rpx;
	}
	
	.top-swiper {
		width: 100vw;
	}